body{
	margin: 0;
	padding: 0;
}
.case_header{
	width: 100%;
	background-image: url(../../image/mobile/header_top.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: right;
}

.case_banner{
	width: 100%;
	background-image: url(../../image/mobile/header_logobg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	
}
	.case_banner_left{
		width: 87%;
		float: left;
		padding-left: 4%;
		border: 1px solid #af4923;
	}
	.case_banner_left img{
		width: 30%;
	}
	.case_banner_right{
		width: 13%;
		float: right;
		background-color: #1a1a1a;
		border-top: 1px solid #af4923;
		border-bottom:  1px solid #af4923;
		border-right:  1px solid #af4923;
		text-align: center;
	}
	.case_banner_right img{
		width: 50%;
	}

.case_cut{
	width: 100%;
	padding: 0 10px;
	border-bottom: 1px solid #d2d2d2;
}
	.case_cut1{
		width: 30%;
		margin: 0 1.5%;
		float: left;
		text-align: center;
		font-size: 1.3em;
		color: #3e3e3e;
		font-family: "微软雅黑";
		font-weight: bold;
	}
	.case_cut2{
		width: 30%;
		margin: 0 1.5%;
		float: left;
		text-align: center;
		font-size: 1.3em;
		color: #3e3e3e;
		font-family: "微软雅黑";
		font-weight: bold;
		
	}
	.case_cut3{
		width: 30%;
		margin: 0 1.5%;
		float: left;
		text-align: center;
		font-size: 1.3em;
		color: #3e3e3e;
		font-family: "微软雅黑";
		font-weight: bold;
	}
	.case_active{
		color: #fe610c;
		border-bottom: 2px solid #fe610c;
	}
	
	/*--品牌管理--*/
	.case_cut1_con{
		width: 100%;
		display: none;
	}
		.case_cut1C_box{
			width: 100%;
			margin-top: 5px;
			
		}
			.case_boxP{
				width: 30%;
				float: left;
				margin: 6px;
				padding-left: 5px;
				border-radius: 4px;
				background-color: #f1f2f6;
				border: none;
				font-family: "微软雅黑";
				font-size: 12px;
				color: #434343;
				font-weight: 600;
				position: relative;
				/*text-align: center;*/
			}
			.boxP_active{
					color: #fe8949;
					background-color: #ffffff;
					border-top:1px solid #CCCCCC;
					border-left:1px solid #CCCCCC;
					border-right:1px solid #CCCCCC;
				}
			#x_hideP{
				display: none;
			}
	
	/*--创意设计--*/
	.case_cut2_con{
		width: 100%;
	}
		.case_cut2C_box{
			width: 100%;
			margin-top: 5px;
			
		}
			.case_box{
				width: 30%;
				float: left;
				margin: 6px;
				padding-left: 5px;
				border-radius: 4px;
				background-color: #f1f2f6;
				border: none;
				font-family: "微软雅黑";
				font-size: 12px;
				color: #434343;
				font-weight: 600;
				position: relative;
			}
				.case_cut2C_box1_L{

					float: left;
					/*padding-left: 5px;*/
					text-align: center;
				}
				.case_cut2C_box1_R{

					float: right;
					padding-right: 5px;
				}
				.zhu_case_hide {
					display: none;
					width: 100%;
					height: 50%;
					position: absolute;
					top: 80%;
					left: 0;
					background-color: #fff;
				}
				.x_hide{
					display: none;
				}
				.box_active{
					color: #fe8949;
					background-color: #ffffff;
					border-top:1px solid #CCCCCC;
					border-left:1px solid #CCCCCC;
					border-right:1px solid #CCCCCC;
				}
			.case_cut2CB1_con1{
				width: 100%;
				border-top: 1px solid #CCCCCC;
				display: none;
			}	
				.con1_des{
					width: 30%;
					margin: 5px;
					padding: 5px 2px 2px;
					float: left;
					font-family: "微软雅黑";
					font-size: 12px;
				}
				.con1_des:hover{
					color: #fe610c;
				}
		.case_cut2C_box1{
			width: 100%;
			padding: 10px 3px;
		}
			.box1_con{
				/*width: 48%;*/
				margin: 5px 0;
				float: left;
			}
			.box1_img{
				width: 100%;
			}
				.box1_img img{
					width: 100%;
				}
			.box1_des{
				width: 100%;
				padding: 10px;
				background-color: #f1f2f6;
			}
				.box1_des h4{
					font-family: "微软雅黑";
					font-weight: bold;
					color:#1a1a1a;
					font-size:1.35rem;
				}
				.box1_des p{
					font-family: "微软雅黑";
					text-align:justify; 
					 overflow: hidden;
				    text-overflow: ellipsis;
				    -o-text-overflow:ellipsis;
				    display: -webkit-box;
				    -webkit-line-clamp:2;
				    -webkit-box-orient:vertical;
					font-size: 0.9rem;
				}
				.box1_des .more{
					text-align: right;
					font-family: "微软雅黑";
					color: #fd6e2c;
					font-size: 0.6rem;
					margin:0;
				}
				
				
	/*--传播执行--*/
	.case_cut3_con{
		width: 100%;
		display: none;
	}
		.case_cut3C_box{
			width: 100%;
			margin-top: 5px;
		}
		.case_boxC{
			width: 30%;
			float: left;
			margin: 6px;
			padding-left: 5px;
			border-radius: 4px;
			background-color: #f1f2f6;
			border: none;
			font-family: "微软雅黑";
			font-size: 12px;
			color: #434343;
			font-weight: 600;
			position: relative;
			/*text-align: center;*/
		}
		.boxC_active{
					color: #fe8949;
					background-color: #ffffff;
					border-top:1px solid #CCCCCC;
					border-left:1px solid #CCCCCC;
					border-right:1px solid #CCCCCC;
				}
			#x_hideC{
				display: none;
			}


/*footer*/
.z_footer_bg{
	width: 100%;
	height: auto;
	padding-top: 10%;
	background-color: #fff;
	padding-bottom: 40px;
}
.z_footer{
	width: 78.125%;
	padding-bottom: 5%;
}
.z_footer_left{
	width: 53%;
	float: left;
}
.z_footer_left img{
	width: 100%;
}
.z_footer_right{
	width: 35%;
	float: right;
	font-size: 14px;
	line-height: 2rem;
	text-align: center;
}
.z_footer_right img{
	width: 90%;
	height: 90%;
	display: block;
}

/*--iphone5 320px--*/
@media(max-width:320px){
	.case_box{
		width: 30%;
		margin: 5px;
		padding: 0 2px;
		position: relative;
	}
	.case_cut2C_box1_L{
		/*width: 76%;*/
		float: left;
		padding-left: 0px;
	}
	.case_cut2C_box1_R{
		/*width: 24%;*/
		float: right;
		padding-right: 0px;
	}
	.case_boxP{
		width: 30%;
		margin: 5px;
		padding: 0 2px;
	}
	.case_boxP_1{
		width: 34%;
	}
	.case_boxP_2{
		width: 20%;
	}
	.case_boxC{
		width: 30%;
		margin: 5px;
		padding: 0 2px;
	}
}
